
<script src="js/upload/jquery.form.js" type="text/javascript"></script>

<script>

	$(function(){			   

		$("[type=button]").button();

						   
		$('#btnEnviar').click(function(){
									   
			$('#formUpload').ajaxForm({    
				success: function(data) {               
					if(data.sucesso == true){
						
						$.ajax({
							type:"POST",
							url:"actions/listaImagensPessoalAction.php",
							data:{pessoa_id:<?php echo $_GET['id']; ?>},
							dataType:"json",
							success: function(data, textStatus, request){
								$("#fotoPessoa").html(data['imagem']);	
							}	
						});
						
						
						$('#abri_imagem').dialog('close');
					} else{
						$.jAlert(data.msg, '', function(result) {});
					}                
				},
				error : function(){
					$.jAlert('Erro ao enviar requisição!!!', '', function(result) {});
				},
				dataType: 'json',
				url: "actions/uploadFotoAction.php?id="+<?php echo $_GET['id']; ?>,
				resetForm: true
			}).submit();
			
		})
})

</script>

<div id='abri_imagem' title='Inserir Imagem' style='text-align:center;'>
<form name="formUpload" id="formUpload" method="post">
    <label><b>Selecione o arquivo:</b> <br/><br/>
    <input type="file" name="arquivo" id="arquivo" size="25" /></label><br/><br/>
    <input type="button" id="btnEnviar" value="Enviar" />
    <input type="button" id="btnFechar" name="btnFechar" value="Fechar" onClick="$('#abri_imagem').dialog('close');" />
</form>
<br/>
<div id="resposta" style="color:#F00;font-weight:bold;font-size:10px;">
</div>